<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="./resources/cola-ui/semantic.css">
	<link rel="stylesheet" type="text/css" href="./resources/cola-ui/cola.css">
	<title>培训大纲</title>
</head>
<body style="padding: 1em">
<h2 class="ui header"> 培训大纲</h2>
<ul class="small-block-grid-1 medium-block-grid-3" style="max-width: 48em;">
	<li>
		<div c-widget="menu; class:vertical;">
			<div c-widget="item; caption:Cola-UI Core">
				<div c-widget="menu;">
					<a c-widget="item; caption:Hello World" href="core/01/hello-world.html" target="_blank"></a>
					<a c-widget="item; caption:Action1" href="./core/action1.html" target="_blank"></a>
					<a c-widget="item; caption:Action2" href="./core/action2.html" target="_blank"></a>
					<a c-widget="item; caption:Bind" href="core/02/bind.html" target="_blank"></a>
					<a c-widget="item; caption:Repeat" href="core/02/repeat.html" target="_blank"></a>
					<a c-widget="item; caption:ajax-data" href="core/04/ajax-data.html" target="_blank"></a>
					<a c-widget="item; caption:Todo" href="core/03/todo.html" target="_blank"></a>
				</div>
			</div>
		</div>
	</li>
	<li>
		<div c-widget="menu; class:vertical;">
			<div c-widget="item; caption:Cola-UI 布局">
				<div c-widget="menu;">
					<a c-widget="item; caption:Form" href="./layout/form.html" target="_blank"></a>
					<a c-widget="item; caption:Block-Grid" href="./layout/block-grid.html" target="_blank"></a>
					<a c-widget="item; caption:HBox" href="./layout/h-box.html" target="_blank"></a>
					<a c-widget="item; caption:VBox" href="./layout/v-box.html" target="_blank"></a>
				</div>
			</div>

		</div>
	</li>
	<li>
		<div c-widget="menu; class:vertical;">

			<div c-widget="item; caption:Cola-UI 控件介绍">
				<div c-widget="menu;">
					<a c-widget="item; caption:控件定义" href="./widget/index.html" target="_blank"></a>
				</div>
			</div>
			<div c-widget="item; caption:Cola-UI 常用控件">
				<div c-widget="menu;">
					<a c-widget="item; caption:Button" href="./widget/button.html" target="_blank"></a>
					<a c-widget="item; caption:Input" href="./widget/input.html" target="_blank"></a>
					<a c-widget="item; caption:Layer" href="./widget/layer.html" target="_blank"></a>
					<a c-widget="item; caption:Sidebar" href="./widget/sidebar.html" target="_blank"></a>
					<a c-widget="item; caption:Menu" href="./widget/menu.html" target="_blank"></a>
					<a c-widget="item; caption:Calender" href="./widget/calender.html" target="_blank"></a>
					<a c-widget="item; caption:Table" href="./widget/table.html" target="_blank"></a>
					<a c-widget="item; caption:Tree" href="http://cola-ui.com/docs/list/tree" target="_blank"></a>
					<a c-widget="item; caption:Carousel" href="./widget/carousel.html" target="_blank"></a>
					<a c-widget="item; caption:User Widget" href="./widget/user-widget.html" target="_blank"></a>
					<a c-widget="item; caption:更多…" href="http://cola-ui.com/docs" target="_blank"></a>
				</div>
			</div>
		</div>
	</li>

</ul>


<script src="./resources/jquery-2.1.3.js"></script>
<script src="./resources/cola-ui/3rd.js"></script>
<script src="./resources/cola-ui/semantic.js"></script>
<script src="./resources/cola-ui/cola.js"></script>
<script src="./resources/cola-ui/i18n/zh/cola.js"></script>
<script type="text/javascript">
	cola(function (model) {

	});
</script>
</body>
</html>
